<template>
  <div class="va-sidebar__title va-sidebar-item-title">
    <slot />
  </div>
</template>

<script lang="ts" setup>

defineOptions({
  name: 'VaSidebarItemTitle',
})

</script>

<style lang="scss">
@use '../_variables';

.va-sidebar__title {
  flex-grow: 1;
  white-space: var(--va-sidebar-item-title-white-space);
  transition: opacity 0.2s ease-in-out;
}
</style>
